<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>练习2</title>
    <style type="text/css">
      caption {
        font-size: 120%;
        color: rgb(31, 185, 236);
        width: 10em;
      }
      table,
      th,
      td {
        border: 2px solid rgb(31, 185, 236);
      }
      table {
        border-collapse: collapse;
      }
      tr:nth-child(even) {
        background-color: RGB(0, 0, 0, 0.2);
      }
      tr:nth-child(odd) {
        background-color: RGB(31, 185, 236, 0.2);
      }
      .header th {
        background-color: rgba(15, 93, 175, 0.7);
        color: rgb(31, 185, 236);
      }
    </style>
  </head>

  <body>
    <table>
      <caption>
        名单
      </caption>
      <tr class="header">
        <th>号码</th>
        <th>姓名</th>
      </tr>
      <tr>
        <td>003</td>
        <td>张三</td>
      </tr>
      <tr>
        <td>004</td>
        <td>李四</td>
      </tr>
      <tr>
        <td>005</td>
        <td>王五</td>
      </tr>
      <tr>
        <td>006</td>
        <td>赵六</td>
      </tr>
      <tr>
        <td>007</td>
        <td>钱七</td>
      </tr>
      <tr>
        <td>008</td>
        <td>孙八</td>
      </tr>
    </table>
  </body>
</html>
